<template>
	<div class= "two" >
		<div style="height: 300px; width: 350px; background-color: #fff;margin: 200px auto;padding:5px;border-radius: 10px;">
			<div style="display: inline-block; margin:20px 40%;"><h1>注册</h1></div>
			<el-input
			 v-model="user.name" 
			 placeholder="名字" 
			 clearable 
			 style="width: 80%; margin-left:9%;
			 margin-bottom: 4%;
			 display: flex;"
			/>
			<el-input
			 v-model="user.id" 
			 placeholder="账号" 
			 clearable 
			 style="width: 80%; margin-left:9%;
			  margin-bottom: 4%;
			 display: flex;"
			/>
			 <el-input
				v-model="user.password"
			    type="password"
			    placeholder="密码"
			    show-password
				style="width: 80%; margin-left:9%;
				 margin-bottom: 4%;
				display: flex; margin-bottom: 10%;"
			  />
			<div style="margin-left:28%;">
				<el-button type="primary" round @click="login">返回登录</el-button>	
				<el-button type="warning" round @click="ZHUCE">注册</el-button>
			</div>
			
		</div>
	</div>
</template>
 
<script>
	// import request from '@/utls/request';
	export default {
		data(){
			return {
				user:{}
			}
		},
		methods:{
			//返回登录界面
			login(){
				this.$router.push("/Login")
			},
		}
	}
</script>
 
<style>
	.two{
		height: 100vh;
		background-image: linear-gradient(to bottom right,#ccc,#3F5EFB);
		overflow: hidden;
	}
</style>